.Publish {
    width: 100%;
    height: 100%;

    .swipebox {
        width: 100%;
        height: 300px;

        .image {
            width: 100%;
            height: 300px;

            img {
                width: 100%;
                height: 300px;
            }
        }
    }

    .entrance {
        width: 100%;
        height: 100%;

        >div {
            width: 70%;
            height: 179px;
            padding: 0 43px;
            border-radius: 16px;
            box-shadow: 0 0 10px #333;
            margin: 0 auto;
            margin-top: 80px;
            display: flex;
            justify-content: space-between;
            align-items:center ; 
            img {
                width: 172px;
                height: 145px;
            }

            h3 {
                padding: 0;
                margin: 0;
                color: #fe5d5c;
                font-size: 36px;
            }
            p{
                padding: 0;
                margin: 0;
                font-size: 24px;
                color: #666666;
                margin-bottom: 20px;
            }
            button{
                outline: none;
                border: none;
                width: 160px;
                height: 49px;
                background-color: #fe5d5c;
                color: #ffffff;
                font-size: 24px;
                border-radius: 24px;
            }
        }

        >div:nth-child(2) h3 {
            color: #5062eb;
        }
        >div:nth-child(2) button {
            background-color: #4d5fe6;
        }
    }
}